<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选</title>
    <link rel="stylesheet" type="text/css" href="../css/electronic.css">
    <style type="text/css">

    </style>
</head>

<body>
    <div style="width: 1250px;height: 80px;margin: 0 auto;">
        <a href="../pages/Neaste163.html">
            <img src="../image/star.png" style="float:left;width:280px;height:
                65px;margin: 7px 0 5px;"></a>
        <div style="position: relative;width: 300px;height: 80px;line-height: 90px;float: right;background-color: #93f0f5;transform: skewX(-20deg);display: flex;align-items: center;justify-content: center;">
            <a href="../pages/Neastelogin.html" style="text-decoration: none;font-size: 14px;transform: skewX(20deg)">
                <img src="../image/login.png" width="16px;" height:="16px;"
                    style="position:relative;top: 3px">登录&nbsp;&nbsp;</a>
            <a href="../pages/Neasteregest.html" style="text-decoration: none;font-size: 14px;transform: skewX(20deg)">&nbsp;
                <img src="../image/exitt.png" width="16px;" height:="16px;"
                    style="position:relative;top: 3px">注册</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <img src="../image/cart.png" style="width:17px;height:17px;" style="position:relative;top: 4%;" alt="购物车">
        </div>
    </div>
    <div class="header">
        <div class="container">
            <div>
                <ul>
                    <li><a href="../pages/Neaste163.html" class="aa">首页&nbsp;</a></li>
                    <li><a href="../pages/indet.html" class="aa">关于&nbsp;</a></li>
                    <li><a href="../pages/faq.html" class="aa">FAQ&nbsp;</a></li>
                    <li><a href="../pages/N1easteAftershop.html" class="aa">售后&nbsp;</a></li>
                    <li><a href="../pages/suggest.html" class="aa">联系&nbsp;</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="wrappers">
        <div class="containers">
            <div style="width: 304px;height: 624px;float: left;background-color: #e0e0e0;margin: 0 0px 0 0px;">
                <div
                    style="height: 75px;width:298px;line-height: 75px;text-align: center;margin: 0 3px 3px 3px;background-color: white;">
                    <h3>≡&nbsp;全部分类</h3>
                </div>
                <ul style="width: 296px;height:525px">
                    <li class="en"><a href="../pages/peijian.html" class="ena">充电</a></li>
                    <li class="en"><a href="../pages/peijian.html" class="ena">手机</a></li>
                    <li class="en"><a href="../pages/peijian.html" class="ena">生活</a></li>
                    <li class="en"><a href="../pages/peijian.html" class="ena">配件</a></li>
                    <li class="en"><a href="../pages/peijian.html" class="ena">音乐</a></li>
                    <li class="en"><a href="../pages/N1easteAftershop.html" class="ena">售后</a></li>
                    <li class="en"><a href="../pages/faq.html" class="ena">AFQ </a></li>
                </ul>
            </div>
            <div style="width: 900px;height: 620px; float: right;">
                <div style="width:580px;height:620px; background-color: #c1eff5;display: inline-block;" class="dfirs">
                    <div style="width:400px;height:170px;margin:20px 0 0 30px;font-size: 30px;color: #0eecec;">新品</div>
                    <div style="width: 400px;height:150px;margin:0 0 0 30px;">
                        <div style="width:210px;font-size:30px;line-height: 50px; ">
                            合金嵌入式车载充电器
                        </div>
                        <div style="width:30px;height:5px;background-color:#00ffff;"></div>
                    </div>
                    <div style="width:400px;height:150px;margin:0 0 0 30px">
                        <div style="width: 350px;height:100px;">
                            <span>您可以双击这里或者点击编辑按钮来修改内容。</span>
                            <span>您还可以添加图标，按钮，图片等常用元素</span>
                        </div>
                        <div style="width: 150px;height:51px"><a href="../pages/Neastelogin.html"
                                style="text-decoration: none;">
                                <div
                                    style="width: 150px;height:50px;background-color: #ffc32b;border-width: 0;line-height: 50px;text-align: center;">
                                    查看详情</div>
                            </a></div>
                    </div>
                </div>
                <div style="width: 300px;height: 610px;float: right;">
                    <div style="width: 300px;height: 300px; background-color: #00ffff;" class="dsec">
                        <div
                            style="width: 260px;height: 80px;line-height: 70px; padding: 30px 0 0 15px;font-size: 30px;">
                            迷你单耳蓝牙耳机
                            <div style="width:30px;height:5px;background-color:#002aff;"></div>
                        </div>
                        <div style="width:280px;height:80px;padding: 20px 0 0 15px;">
                            <del style="color: white;">￥999</del>
                            <h2>￥99.99</h2>
                        </div>
                        <div>
                            <div style="width: 150px;height:51px"><a href="../pages/Neastelogin.html"
                                    style="text-decoration: none;">
                                    <div
                                        style="width: 150px;height:50px;background-color: #ffc32b;border-width: 0;line-height: 50px;text-align: center;">
                                        查看详情</div>
                                </a></div>
                        </div>
                    </div>
                    <div style="width: 300px;height: 300px; background-color: #00ffff; margin: 18px 0 0;" class="dithi">
                        <div
                            style="width: 260px;height:80px;padding: 30px 0 0 15px ;font-size: 30px;color: white;line-height: 60px;">
                            击音蓝牙接收器
                            <div style="width:30px;height:5px;background-color:#002aff;"></div>
                        </div>
                        <div
                            style="width: 260px;height:80px;padding: 15px 0 0 15px ;font-size: 30px;color: #ffc32b;line-height: 60px;">
                            ￥1000
                        </div>
                        <div style="width: 150px;height:51px">
                            <a href="../pages/Neastelogin.html" style="text-decoration: none;">
                                <div
                                    style="width: 150px;height:50px;background-color: #ffc32b;border-width: 0;line-height: 50px;text-align: center;">
                                    查看详情</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="wrapperes">
        <div class="containeres">
            <div>
                <span style="line-height: 80px; font-size: 30px;font-weight: 550;">
                    热卖专区
                    <div style="width: 40px;height:5px;background-color: #49c9e9;">&nbsp;</div>
            </div>
            <div class="kim">
                <ul class="kii" id="kii">
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:380px;height: 360px;">
                                    <img src="../image/minfir.jpg " width="340px" height="350px" alt="迷你蓝牙耳机">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">迷你蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥89.00</div>
                        </div>
                    </li>
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:380px;height: 360px;">
                                    <img src="../image/mintwo.jpg " width="340px" height="350px" alt="击音蓝牙接收器">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">击音蓝牙接收器</div>
                            </a>
                            <div class="peice ">￥99.00</div>
                        </div>
                    </li>
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:380px;height: 360px;">
                                    <img src="../image/minthr.jpg " width="340px" height="350px" alt="无线蓝牙耳机">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">无线蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥899.00</div>
                        </div>
                    </li>
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:380px;height: 360px;">
                                    <img src="../image/minfou.jpg " width="340px" height="350px" alt="合金车载充电器">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">合金车载充电器</div>
                            </a>
                            <div class="peice ">￥188.00</div>
                        </div>
                    </li>
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:380px;height: 360px;">
                                    <img src="../image/minfiv.jpg " width="340px" height="350px" alt="全国通用转换插头">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">全国通用转换插头</div>
                            </a>
                            <div class="peice ">￥99.00</div>
                        </div>
                    </li>
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:380px;height: 360px;">
                                    <img src="../image/bigsix.jpg" width="340px" height="350px" alt="原装高透保护膜">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">原装高透保护膜</div>
                            </a>
                            <div class="peice ">￥29.00</div>
                        </div>
                    </li>
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:380px;height: 360px;">
                                    <img src="../image/minsev.jpg " width="340px" height="350px" alt="原装高清保护膜">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">原装高清保护膜</div>
                            </a>
                            <div class="peice ">￥29.00</div>
                        </div>
                    </li>
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:350px;height:370px;">
                                    <img src="../image/mineig.jpg " width="340px" height="350px" alt="曲面高透保护膜">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">曲面高透保护膜</div>
                            </a>
                            <div class="peice ">￥49.00</div>
                        </div>
                    </li>
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:380px;height: 360px;">
                                    <img src="../image/minfir.jpg " width="340px" height="350px" alt="迷你蓝牙耳机">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">迷你蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥89.00</div>
                        </div>
                    </li>
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:380px;height: 360px;">
                                    <img src="../image/mintwo.jpg " width="340px" height="350px" alt="击音蓝牙接收器">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">击音蓝牙接收器</div>
                            </a>
                            <div class="peice ">￥99.00</div>
                        </div>
                    </li>
                    <li class="kd" id="kk">
                        <div style="width:380px;height: 420px;margin: 0 auto;margin:15px 0 0 0px;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width:380px;height: 360px;">
                                    <img src="../image/minthr.jpg " width="340px" height="350px" alt="无线蓝牙耳机">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">无线蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥899.00</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    </div>
    <div class="wrapperse">
        <div class="containerse">
            <div style="width: 840px;height:500px;float: left;margin: 80px 0 0 0 ;background-color: #88ffee;"
                class="dfour">
                <div style="width: 400px;height: 200px; padding: 60px 0 0 50px;font-size: 35px;line-height: 70px;">精品采购
                    <div style="width:30px;height:5px;background-color:#00ffff;"></div>
                </div>
                <div style="width:400px;height:150px;margin:0 0 0 50px">
                    <div style="width: 350px;height:100px;">
                        <span>您可以双击这里或者点击编辑按钮来修改内容。</span>
                        <span>您还可以添加图标，按钮，图片等常用元素</span>
                    </div>
                    <div style="width: 150px;height:51px"><a href="../pages/Neastelogin.html"
                            style="text-decoration: none;">
                            <div
                                style="width: 150px;height:50px;background-color: #ffc32b;border-width: 0;line-height: 50px;text-align: center;">
                                查看详情</div>
                        </a></div>
                </div>
            </div>
            <div style="width: 390px;height:500px;float: right;margin: 80px 0 0 0 ;background-color: #66eeee;"
                class="dfive">
                <div style="width: 390px;height: 200px; padding: 60px 0 0 50px;font-size: 35px;line-height: 70px;">热门活动
                    <div style="width:30px;height:5px;background-color:#00ffff;"></div>
                </div>
                <div style="width:400px;height:150px;margin:0 0 0 50px">
                    <div style="width: 350px;height:90px;">
                        <span>您可以双击这里或者点击编辑按钮来修改内容。</span>
                        <span>您还可以添加图标，按钮，图片等常用元素</span>
                    </div>
                    <div style="width: 150px;height:51px"><a href="../pages/Neastelogin.html"
                            style="text-decoration: none;">
                            <div
                                style="width: 150px;height:50px;background-color: #ffc32b;border-width: 0;line-height: 50px;text-align: center;">
                                查看详情</div>
                        </a></div>
                </div>
            </div>
        </div>
    </div>
    <div class="wrapperss">
        <div class="containerss">
            <div style="width:1250px;height:900px;">
                <div style="width: 1250px;height:150px;">
                    <span style="line-height: 80px; font-size: 30px;font-weight: 550;"> 热卖专区</span>
                    <div style="width: 40px;height:5px;background-color: #49c9e9;"></div>
                </div>
                <ul style="width: 1250px; height:860 px;margin: 0 auto;display: flex;flex-flow: row wrap; ">
                    <li style="width:288px;height:400px;padding: 1px; border:1px aqua solid;margin:5px 10px 10px 0 ;">
                        <div style="width: 270px;height: 367px;margin: 0 auto;padding:13px 0 0 0;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width: 270px;height: 300px; ">
                                    <img src="../image/minfir.jpg " width="260px " height="285px " alt=" ">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">迷你蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥89</div>
                        </div>
                    </li>
                    <li style="width:288px;height:400px;padding: 1px; border:1px aqua solid;margin:5px 10px 10px;">
                        <div style="width: 270px;height: 367px;margin: 0 auto;padding:13px 0 0 0;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width: 270px;height: 300px; ">
                                    <img src="../image/mintwo.jpg " width="260px " height="285px " alt=" ">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">迷你蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥89</div>
                        </div>
                    </li>
                    <li style="width:288px;height:400px;padding: 1px; border:1px aqua solid;margin:5px 10px 10px;">
                        <div style="width: 270px;height: 367px;margin: 0 auto;padding:13px 0 0 0;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width: 270px;height: 300px; ">
                                    <img src="../image/minthr.jpg " width="260px " height="285px " alt=" ">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">迷你蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥89</div>
                        </div>
                    </li>
                    <li style="width:288px;height:400px;padding: 1px; border:1px aqua solid;margin:5px 0 10px 10px;">
                        <div style="width: 270px;height: 367px;margin: 0 auto;padding:13px 0 0 0;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width: 270px;height: 300px; ">
                                    <img src="../image/minfou.jpg " width="260px " height="285px " alt=" ">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">迷你蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥89</div>
                        </div>
                    </li>
                    <li style="width:288px;height:400px;padding: 1px; border:1px aqua solid;margin:10px 10px 10px 0 ;">
                        <div style="width: 270px;height: 367px;margin: 0 auto;padding:13px 0 0 0;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width: 270px;height: 300px; ">
                                    <img src="../image/minfiv.jpg " width="260px " height="285px " alt=" ">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">迷你蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥89</div>
                        </div>
                    </li>
                    <li style="width:288px;height:400px;padding: 1px; border:1px aqua solid;margin:10px 10px 10px;">
                        <div style="width: 270px;height: 367px;margin: 0 auto;padding:13px 0 0 0;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width: 270px;height: 300px; ">
                                    <img src="../image/bigsix.jpg" width="260px " height="285px " alt=" ">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">迷你蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥89</div>
                        </div>
                    </li>
                    <li style="width:288px;height:400px;padding: 1px; border:1px aqua solid;margin:10px 10px 10px;">
                        <div style="width: 270px;height: 367px;margin: 0 auto;padding:13px 0 0 0;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width: 270px;height: 300px; ">
                                    <img src="../image/minsev.jpg " width="260px " height="285px " alt=" ">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">迷你蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥89</div>
                        </div>
                    </li>
                    <li style="width:288px;height:400px;padding: 1px; border:1px aqua solid;margin:10px 0 10px 10px;">
                        <div style="width: 270px;height: 367px;margin: 0 auto;padding:13px 0 0 0;">
                            <a href="../pages/Neastelogin.html">
                                <div style="width: 270px;height: 300px;">
                                    <img src="../image/mineig.jpg " width="260px " height="285px " alt=" ">
                                </div>
                            </a>
                            <a href="../pages/Neastelogin.html">
                                <div class="introduce">迷你蓝牙耳机</div>
                            </a>
                            <div class="peice ">￥89</div>
                        </div>
                    </li>
                </ul>
                <script>
                    var kkk = document.getElementById('kk');
                    console.log(kkk);
                    left = 0;

                    function run() {
                        if (left == -1250) {
                            kkk.style.transition = 'none'
                            left = 0;
                        } else {
                            kkk.style.transition = 'all 2s'
                        }
                        kkk.style.marginLeft = left + 'px';
                        left -= 420;
                        n = 2500;
                        setTimeout(run, n);
                    }
                    run();
                </script>

            </div>
        </div>
    </div>
    <div class="foot">
        <div class="containerr">
            <div style="width:1250px;height:300; display: flex;flex-wrap: wrap;padding: 50px 0 0 0;;">
                <div style="width: 415px;height: 300px;">
                    <div>
                        <span style="font-size: 34px;line-height:80px;font-weight:550">Contact</span>
                    </div>
                    <div>
                        <span style="line-height:60px">地址：江苏省苏州市工业园区中新大道西加成大厦</span>
                    </div>
                    <div>
                        <span style="width: 390px; font-size: 30px;line-height:30px;font-weight:550">+86 123 1234
                            1234</span>
                    </div>
                    <div>
                        <span style="line-height:60px">邮箱：qifeiye@admin.com</span>
                    </div>
                </div>
                <div style="width: 209px;height: 300px;">
                    <div>
                        <span style="font-size: 34px;line-height:80px;font-weight:550">Quick Links</span>
                    </div>
                    <div>
                        <span style="line-height:30px">常见问题</span>
                    </div>
                    <div>
                        <span style="line-height:30px">测评中心</span>
                    </div>
                    <div>
                        <span style="line-height:30px">保修政策</span>
                    </div>
                    <div>
                        <span style="line-height:30px">售后服务</span>
                    </div>
                    <div>
                        <span style="line-height:30px">专属客服</span>
                    </div>
                </div>
                <div style="width: 210px;height: 300px;">

                    <div>
                        <span style="font-size: 34px;line-height:80px;font-weight:550">Products</span>
                    </div>
                    <div>
                        <span style="line-height:30px">充电</span>
                    </div>
                    <div>
                        <span style="line-height:30px">手机</span>
                    </div>
                    <div>
                        <span style="line-height:30px">生活</span>
                    </div>
                    <div>
                        <span style="line-height:30px">配件</span>
                    </div>
                    <div>
                        <span style="line-height:30px">音乐</span>
                    </div>
                </div>
                <div style="width: 413px;height: 240px;display: flex;flex-wrap: wrap;">
                    <div style="width: 413px;height:80px">
                        <span style="font-size: 34px;line-height:80px;font-weight:550">Products</span>
                    </div>
                    <div style="width: 300px;height:150px;">
                        <textarea name="" id="idea" cols="35" rows="10" style="background-color:#f7f8f9;"
                            placeholder="请输入您的建议，我们会积极采纳您的建议并加以修改！"></textarea>
                    </div>
                    <div>
                        <button class="butt" onclick="sumbitt()">提交</button>
                    </div>
                    <!-- <div style="width: 120px;height: 18px;border: 1px red solid;background-color: red;margin: 5px 0 0 5px ; display: flex;flex-wrap: wrap;">
                        <img src="../image/attention.jpg" width="18px" height="18px" alt="">
                        <div style="font-size:13px ;">请输入您的建议!</div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <script>
        function sumbitt() {
            var idea = document.getElementById('idea').value.trim();
            if (!idea) {
                alert('请先输入内容再点击提交');
            } else {
                alert('感谢您的宝贵意见，并积极采纳您的意见! ');
            }
        }
    </script>
</body>

</html>